Richard Jacques
Back-end Development
Back-end Development
I want to go ahead and clear the air on this project. I did not design or illustrate anything on this site. Everything you see here was drawn by Richard Jacques. I simply coded the back end for him.
This project relied heavily on design. The back end is mainly CSS and Java. For the pop up box, I used a tool called LightWindow and re-styled it to match the site. The re-styling involved changing the color palette and creating our own loading graphic.
The contact form is very simple, and features e-mail validation. The e-mail validation is done through PHP with a regular expression. Basically, it checks the format of the e-mail to make sure it is something like 'johndoe@example.com'. If the e-mail is correct, it will send a confirmation e-mail to the user, and an e-mail to Rick. Then, it refreshes only the page inside the light window to give a thank you message. If the e-mail does not check out, it will add a message to the contact page asking the user to double check their e-mail address, and try again.
If you'd like to see the project in action, click here.
This project relied heavily on design. The back end is mainly CSS and Java. For the pop up box, I used a tool called LightWindow and re-styled it to match the site. The re-styling involved changing the color palette and creating our own loading graphic.
The contact form is very simple, and features e-mail validation. The e-mail validation is done through PHP with a regular expression. Basically, it checks the format of the e-mail to make sure it is something like 'johndoe@example.com'. If the e-mail is correct, it will send a confirmation e-mail to the user, and an e-mail to Rick. Then, it refreshes only the page inside the light window to give a thank you message. If the e-mail does not check out, it will add a message to the contact page asking the user to double check their e-mail address, and try again.
If you'd like to see the project in action, click here.
Home Page. Each envelope is a link to the respective page. The 'contact' link opens a light window with the contact page.
Example of the page layout.
This is the contact page in a re-styled LightWindow
Example of Rick's work in a re-styled LightWindow
Re-styled galleries menu.
Custom loading graphic for the LightWindow. The brown texture fills the shape as it loads the content.
